import React, {
    PropTypes
} from 'react';
import {
    Router,
    Route,
    IndexRoute,
    Link
} from 'react-router';
import App from '../components/App';
import NotFound from '../components/NotFound';
import FormBasic from '../components/Views/FormBasic';

// const Routes = ({history}) =>
//     <Router history={history}>
//         <Route path="/" component={App} />
//         <Route path="/form1" component={App} />
//         <Route path="/form2" component={App} />
//         <Route path="/table" component={App} />
//         <Route path="/carousel" component={App} />
//         <Route path="/collapse" component={App} />
//         <Route path="/modal" component={App} />
//         <Route path="*" component={NotFound}/>
//     </Router>;

const Routes = ({history}) =>
    <Router history={history}>
        <Route path="/" component={App}>
            <Route path="/form1" component={FormBasic} />
            <Route path="/form2" component={FormBasic} />
            <Route path="/table" component={FormBasic} />
            <Route path="/carousel" component={FormBasic} />
            <Route path="/collapse" component={FormBasic} />
            <Route path="/modal" component={FormBasic} />
            <Route path="*" component={NotFound}/>
        </Route>
    </Router>;

Routes.propTypes = {
    history: PropTypes.any,
};

export default Routes;